<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body data-weui-theme="light">
    <div class="app-mine-personalData dpflex fdcolumn">
        <div class="title w100 dpflex ">
            <i class="iconfont icon-back f24 back"></i>
            <span class="f20 flex1">个人资料</span>
        </div>
        <div class="cont flex1">
            <!-- 头像 -->
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>更换头像</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link">
                    <img src="../imgs/d.png" alt="" class="imgurl" id="imgurl">
                    <input type="file" name="" id="upLoadImg" class="file">
                </span>
            </a>
            <!-- 昵称 -->
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access"
                href="javascript:">
                <div class="weui-cell__hd"><b class="weui-label">昵称</b></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" placeholder="填写昵称" id="nickName"/>
                </div>
            </a>
            <!-- 性别 -->
            <a id="showPicker" aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>性别</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="sexShow">请选择</span>
            </a>
            <!-- 生日 -->
            <a id="showDatePicker" aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>生日</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="birthShow">请选择</span>
            </a>
            <!-- 所在省份 -->
            <a id="showProPicker" aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>所在省份</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="proShow">请选择</span>
            </a>
            <!-- 所在城市 -->
            <a id="showCityPicker" aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>所在城市</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="cityShow">请选择</span>
            </a>
            <!-- 个性签名 -->
            <div class=" profile">
                <p>个性签名</p>
            </div>
            <div class="textareaBox">
                <div class="weui-cell__bd">
                    <textarea id="textarea" class="weui-textarea" placeholder="请填写个性签名" rows="3" maxlength="200"></textarea>
                    <div role="option" aria-live="polite" class="weui-textarea-counter"><span id="nowTextNum">0</span>/200</div>
                </div>
            </div>
            <p class="saveBtn fwb" id="saveBtn">保存信息</p>
        </div>
    </div>
</body>

</html>